<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>饼状图</title>
		<script type="text/javascript" src="../echarts.js"></script>
	</head>

	<body>
		<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
		<div id="main" style="width: 100%;height:800px;"></div>
	</body>

</html>

<script type="text/javascript">
	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document.getElementById('main'));

	var option = {
		
		//文字样式
		textStyle: {
			fontSize: 20
		},
		series: [{
			name: '访问来源',
			type: 'pie',
			radius: '65%',
			data: [{
				value: 400,
				name: '搜索引擎'
			}, {
				value: 335,
				name: '直接访问'
			}, {
				value: 310,
				name: '邮件营销'
			}, {
				value: 274,
				name: '联盟广告'
			}, {
				value: 235,
				name: '视频广告'
			}]
		}]
	};

	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
</script>